<template>
	<view class="box-border btn p-3" style="padding-top: 0;">
		<view :class="['btn-body',isEmptyBtn?'btn-empty':'']" @tap="btnFn()">
			<slot></slot>
		</view>
	</view>
</template>

<script>
	export default {

		props: {
			isEmptyBtn: {
				type: Boolean,
				default: false
			}
		},
		methods: {
			btnFn() {
				this.$emit('tapBtn')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.btn {
		width: 100%;
		padding-bottom: 0;
		z-index: 999;
	}

	.btn-body {
		background:#fff;
		border-radius: 60rpx;
		height: 84upx;
		line-height: 84upx;
		text-align: center;
		z-index: 99;
		font-size: 28upx;
		color: #47578E;
		border: 1px solid #47578E;
	}

	.btn-empty {
		background-color: #FFFFFF;
		border: 2upx solid $common-color;
		color: $common-color;
	}
</style>
